<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width ,initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
	
	<style>
	.ui-block-a img {
            width  : 100%;
            max-width:312px;
            height : auto;
            margin : 0 auto;
        }
        
	</style>

</head>

<body>

<!-- Home -->

<div data-role="page" id="page1">

	<div data-role="header">
    	<!-- <a href="index.html" data-icon="home" data-transition="pop" data-theme="b" >Home</a> -->
    		<h1>Projet Tisseo</h1>
    </div>

    <div data-role="content">
    	<div class="ui-grid-solo ui-responsive"> 	<!-- grille pour l'image -->
			<div class="ui-block-a">
			
					<p align="center"> <img src="/img/logoTisseo.jpg" alt="logo Tisseo" /> </p>
			</div>
		</div>
       
       	
       	<div class="ui-grid-a ui-responsive">		<!-- grille pour les boutons -->
   			 <div class="ui-block-a">
   			 
   			 	<a data-role="button" href="page_entity/pageTramway.html" data-ajax= "false" data-transition="pop" data-theme="b">Tramway</a>
        
        		<a data-role="button" href="page_entity/pageMetro.html" data-ajax= "false" data-transition="pop" data-theme="b">Metro</a>
        		
        		<a data-role="button" href="page_entity/pageVelo.html" data-ajax= "false" data-transition="pop" data-theme="b">Vélo Toulouse</a>
   			 
   			 </div><!-- /block-a -->
   			 
   			 <div class="ui-block-b">
   			 	
   			 	<a data-role="button" href="itineraire.html" data-ajax= "false" data-transition="pop" data-theme="b">Itinéraire</a>
        
        		<a data-role="button" href="administration.jsp" data-transition="pop" data-theme="b">Espace Administrateur</a>
        		
        		<a data-role="button" href="contact.html" data-transition="pop" data-theme="b">Contact</a>
   			 	
   			 </div><!-- /block-b -->
		</div><!-- /grid-a -->            
    </div><!--/content-->
</div><!--/page-->
</body>
</html>